<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城 - 小米11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站</title>
    <!-- 引入重置样式表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共的样式表 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引入图标字体库 -->
    <link rel="stylesheet" href="./font图标/css/all.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <!-- 引入当前页面的样式表 -->
    <link rel="stylesheet" href="./css/index.css">

    <!-- 设置网站的图标（在标题栏和收藏栏）
                -网站图片一般都储存在网站的根目录下，名字一般都叫做 facicon.ico

    -->
    <link rel="icon" href="./img/favicon.ico">
</head>

<body>

    <!-- 顶部导航条 -->
    <!-- 顶部导航条外部容器 -->
    <div class="top-bar-wrapper">
        <!-- 创建内部容器 -->
        <div class="top-bar w clearfix">
            <!-- 左侧的导航 -->
            <ul class="service">
                <li><a href="javascript:;">小米商城</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">MIUI</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">loT</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">云服务</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">天星数科</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">有品</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">小爱开放平台</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">企业团购</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">资质证明</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">协议规则</a></li>
                <li class="line">|</li>
                <li class="app-wrapper">
                    <a href="javascript:;" class="app">
                        下载app
                        <!-- 添加一个弹出层 -->
                        <div class="qr-code">
                            <img src="./img/download.png">
                            <span>小米商城app</span>
                        </div>
                    </a>
                </li>
                <li class="line">|</li>
                <li><a href="javascript:;">智能生活</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">Select Location</a></li>
            </ul>

            <!-- 购物车 -->
            <ul class="shop-cart">
                <li><a href="Javascript:;">
                        <i class="fas fa-shopping-cart"></i>
                        购物车（0）
                        <div class="shop-car">
                            购物车中还没有商品，赶紧选购吧！
                        </div>
                    </a>
                </li>
            </ul>

            <!-- 用户的登录注册 -->
            <ul class="user-info">
                <li><a href="/mi_1/index.html" target="_blank">登录</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">注册</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">消息通知</a></li>
            </ul>


        </div>
    </div>

    <!-- 创建一个头部的外部容器 -->
    <div< class="hearder-wrapper">
        <div class="mid w">
            <div class="header">
                <a href="//www.mi.com/index.html" class="logo" target="_blank">
                    <img src="./img/logo-mi2.png" alt="小米官网图标" class="">
                </a>
            </div>


            <!-- 创建一个中间导航条的容器 -->
            <div class="nav-wrapper">
                <!-- 创建导航条 -->
                <ul class="nav">
                    <li class="all-goods-wrapper"><a href="#" class="all-goods">全部商品分类</a>

                        <!-- 创建一个左侧导航菜单 -->
                        <ul class="left-menu">
                            <li>
                                <a href="javascript:;">
                                    手机 电话卡
                                    <i class="fas fa-angle-right"></i>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:;">
                                    电视 盒子
                                    <i class="fas fa-angle-right"></i>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:;">
                                    笔记本 平板
                                    <i class="fas fa-angle-right"></i>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:;">
                                    家电 插线板
                                    <i class="fas fa-angle-right"></i>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:;">
                                    出行 穿戴
                                    <i class="fas fa-angle-right"></i>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:;">
                                    智能 路由器
                                    <i class="fas fa-angle-right"></i>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:;">
                                    电源 配件
                                    <i class="fas fa-angle-right"></i>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:;">
                                    健康 儿童
                                    <i class="fas fa-angle-right"></i>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:;">
                                    耳机 音箱
                                    <i class="fas fa-angle-right"></i>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:;">
                                    生活 箱包
                                    <i class="fas fa-angle-right"></i>
                                </a>
                            </li>
                        </ul>
                    </li>
                    
                    <li class="show-goods  good1">
                        <a href="javascript:;">小米手机</a>
                         <!-- 创建一个弹出层 -->
                    <div class="goods-info">
                        <ul class="children-list clearfix">
                      
                        <li class="first">
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/小米手机/download1.webp" alt="">
                                </div>
                                <div class="title">小米MIX FOLD</div>
                                <p class="price">9999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/小米手机/download2.webp" alt="">
                                </div>
                                <div class="title">小米11 Ultra</div>
                                <p class="price">5999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/小米手机/download3.webp" alt="">
                                </div>
                                <div class="title">小米11 Pro</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/小米手机/download4.webp" alt="">
                                </div>
                                <div class="title">小米11 青春版</div>
                                <p class="price">2299元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/小米手机/download5.webp" alt="">
                                </div>
                                <div class="title">小米10S</div>
                                <p class="price">3299元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/小米手机/download6.webp" alt="">
                                </div>
                                <div class="title">小米11</div>
                                <p class="price">3999元起</p>
                            </a>
                        </li>
                    </li>        
                </ul>
            </div>

                    <li class="show-goods good2">
                        <a href="javascript:;">Redmi 红米</a>
                         <!-- 创建一个弹出层 -->
                    <div class="goods-info">
                        <ul class="children-list clearfix">
                      
                        <li class="first">
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/红米/download0.1.webp" alt="">
                                </div>
                                <div class="title">Note 10 Pro</div>
                                <p class="price">1499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/红米/download0.2.webp" alt="">
                                </div>
                                <div class="title">Note 10 5G</div>
                                <p class="price">999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/红米/download0.3.webp" alt="">
                                </div>
                                <div class="title">K40 游戏增强版</div>
                                <p class="price">1999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/红米/download0.4.webp" alt="">
                                </div>
                                <div class="title">K40 Pro 系列</div>
                                <p class="price">2799元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/红米/download0.5.webp" alt="">
                                </div>
                                <div class="title">Redmi K40</div>
                                <p class="price">1999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/红米/download0.6.webp" alt="">
                                </div>
                                <div class="title">Redmi Note 9 系列</div>
                                <p class="price">999元起</p>
                            </a>
                        </li>
                    </li>        
                </ul>
            </div>
                    </li>
                    <li class="show-goods good3">
                        <a href="javascript:;">电视</a>
                         <!-- 创建一个弹出层 -->
                    <div class="goods-info">
                        <ul class="children-list clearfix">
                      
                        <li class="first">
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/电视/download1.webp" alt="">
                                </div>
                                <div class="title">Redmi MAX 86” 超大屏电视</div>
                                <p class="price">9999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/电视/download2.webp" alt="">
                                </div>
                                <div class="title">小米电视大师 82英寸至尊纪念版</div>
                                <p class="price">49999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/电视/download3.webp" alt="">
                                </div>
                                <div class="title">小米电视大师 82英寸</div>
                                <p class="price">11999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/电视/download4.webp" alt="">
                                </div>
                                <div class="title">小米透明电视</div>
                                <p class="price">49999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/电视/download5.webp" alt="">
                                </div>
                                <div class="title">小米电视 大师 65英寸OLED</div>
                                <p class="price">9999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/电视/download6.webp" alt="">
                                </div>
                                <div class="title">Redmi 智能电视 MAX 98''</div>
                                <p class="price">19999元</p>
                            </a>
                        </li>
                    </li>        
                </ul>
            </div>
                    </li>
                    <li class="show-goods good4">
                        <a href="javascript:;">笔记本</a>
                         <!-- 创建一个弹出层 -->
                    <div class="goods-info">
                        <ul class="children-list clearfix">
                      
                        <li class="first">
                            <a href="">
                                <div class="figure-thumb">
                                    <img src="./img/笔记本/download0.1.webp" alt="">
                                </div>
                                <div class="title">Redmibook Pro 14 锐龙版</div>
                                <p class="price">4499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/笔记本/download0.2.webp" alt="">
                                </div>
                                <div class="title">Redmibook Pro 15 锐龙版</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/笔记本/download0.3.webp" alt="">
                                </div>
                                <div class="title">小米笔记本 Pro 15 锐龙版</div>
                                <p class="price">6799元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/笔记本/download0.4.webp" alt="">
                                </div>
                                <div class="title">小米笔记本Pro 15</div>
                                <p class="price">6499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/笔记本/download0.5.webp" alt="">
                                </div>
                                <div class="title">RedmiBook Pro 14</div>
                                <p class="price">4699元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/笔记本/download0.6.webp" alt="">
                                </div>
                                <div class="title">小米笔记本Pro 14</div>
                                <p class="price">5299元起</p>
                            </a>
                        </li>
                    </li>        
                </ul>
            </div>
                    </li>
                    <li class="show-goods good5">
                        <a href="javascript:;">家电</a>
                         <!-- 创建一个弹出层 -->
                    <div class="goods-info">
                        <ul class="children-list clearfix">
                      
                        <li class="first">
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/家电/download0.01.webp" alt="">
                                </div>
                                <div class="title">米家风冷对开门冰箱 483L</div>
                                <p class="price">2499元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/家电/download0.02.webp" alt="">
                                </div>
                                <div class="title">米家扫拖机器人1T</div>
                                <p class="price">2299元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/家电/download0.03.png" alt="">
                                </div>
                                <div class="title">米家互联网洗烘一体机10kg</div>
                                <p class="price">1999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/家电/download0.04.webp" alt="">
                                </div>
                                <div class="title">小米净水器S1 800G</div>
                                <p class="price">2499元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/家电/download0.05.webp" alt="">
                                </div>
                                <div class="title">米家空气净化器3  高效除菌</div>
                                <p class="price">899元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/家电/download0.06.webp" alt="">
                                </div>
                                <div class="title">米家两门冰箱 160L</div>
                                <p class="price">899元</p>
                            </a>
                        </li>
                    </li>        
                </ul>
            </div>
                    </li>
                    <li class="show-goods good6">
                        <a href="javascript:;">路由器</a>
                         <!-- 创建一个弹出层 -->
                    <div class="goods-info">
                        <ul class="children-list clearfix">
                      
                        <li class="first">
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/路由器/download0.001.webp" alt="">
                                </div>
                                <div class="title">小米路由器AX6000</div>
                                <p class="price">599元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/路由器/download0.002.webp" alt="">
                                </div>
                                <div class="title">Redmi路由器 AX6</div>
                                <p class="price">329元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/路由器/download0.003.webp" alt="">
                                </div>
                                <div class="title">小米路由器AX9000</div>
                                <p class="price">999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/路由器/download0.004.webp" alt="">
                                </div>
                                <div class="title">小米路由器 AX1800</div>
                                <p class="price">329元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/路由器/download0.005.webp" alt="">
                                </div>
                                <div class="title">小米AIoT路由器AX3600</div>
                                <p class="price">499元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/路由器/download0.006.webp" alt="">
                                </div>
                                <div class="title">Redmi路由器AC2100</div>
                                <p class="price">169元</p>
                            </a>
                        </li>
                    </li>        
                </ul>
            </div>
                    </li>
                    <li class="show-goods good7">
                        <a href="javascript:;">智能硬件</a>
                         <!-- 创建一个弹出层 -->
                    <div class="goods-info">
                        <ul class="children-list clearfix">
                      
                        <li class="first">
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/智能电器/download11.webp" alt="">
                                </div>
                                <div class="title">小米全自动智能门锁</div>
                                <p class="price">1799元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/智能电器/download22.webp" alt="">
                                </div>
                                <div class="title">Redmi小爱触屏音箱Pro8</div>
                                <p class="price">499元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/智能电器/download33.jpg" alt="">
                                </div>
                                <div class="title">小米小爱触屏音箱</div>
                                <p class="price">249元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/智能电器/download44.webp" alt="">
                                </div>
                                <div class="title">Redmi小爱音箱 Play</div>
                                <p class="price">89元</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="figure-thumb">
                                    <img src="./img/智能电器/download55.webp" alt="">
                                </div>
                                <div class="title">查看全部</div>
                                
                            </a>
                        </li>
                        
                    </li>        
                </ul>
            </div>
                    </li>
                    <li>
                        <a href="javascript:;">服务</a>
                    </li>
                    <li>
                        <a href="javascript:;">社区</a>
                    </li>

                   
                </ul>
            </div>

            <!-- 创建搜索框的容器 -->
            <div class="search-wrapper">
                <form action="#" class="search">
                    <input type="text" class="search-inp">
                    <button class="search-btn">
                        <i class="fas fa-search"></i>
                    </button>
                </form>
            </div>

        </div>
        </div>

        <!-- 创建banner的容器 -->
        <div class="banner-wrapper">
            <div class="banner w">
                <input type="radio" id="control-1" name="control" style="left: 1050px; top: 400px;">
                <!-- <label for="control-1" class="label label1" ></label> -->
                <input type="radio" id="control-2" name="control"style="left: 1070px; top: 400px;">
                <!-- <label for="control-2" class="label label2"></label> -->
                <input type="radio" id="control-3" name="control"style="left: 1090px; top: 400px;">
                <!-- <label for="control-3" class="label label3"></label> -->
                <input type="radio" id="control-4" name="control"style="left: 1110px; top: 400px;">
                <!-- <label for="control-4" class="label label4"></label> -->
                <input type="radio" id="control-5" name="control"style="left: 1130px; top: 400px;">
                <!-- <label for="control-5" class="label label5"></label> -->
                <ul class="img-list">
                        <li class="slides"><img src="./img/界面轮播/banner1.jpg" alt="" class="pg1"></li>
                        <li class="slides"><img src="./img/界面轮播/banner2.jpg" alt="" class="pg2"></li>
                        <li class="slides"><img src="./img/界面轮播/banner3.jpg" alt="" class="pg3"></li>
                        <li class="slides"><img src="./img/界面轮播/banner4.jpg" alt="" class="pg4"></li>
                        <li class="slides"><img src="./img/界面轮播/banner5.jpg" alt="" class="pg5"></li>
                </ul>       
                
                 <div class="prev-next">
                        <button type="button" class="prev"></button>
                        <button type="button" class="next"></button>
                    </div>
    
                </div>
        </div>

        <!-- 固定定位的工具条 -->
        <!-- <div class="back-top"></div> -->

        <!-- 创建广告容器 -->
        <div class="ad w">
            <ul class="shortcut">
                <li>
                    <a href="javascript:;">
                        <img src="./img/download1.0.png" alt="">
                        小米秒杀
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./img/download2.0.png" alt="">
                        企业团购
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./img/download3.0.png" alt="">
                        F码通道
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./img/download4.0.png" alt="">
                        米粉卡
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./img/download5.0.png" alt="">
                        以旧换新
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./img/download6.0.png" alt="">
                        话费充值
                    </a>
                </li>
            </ul>

            <ul class="ad-img">
                <li>
                    <a href="javascript:;">
                        <img src="./img/download0.1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./img/download0.2.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./img/download0.3.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>

        <!-- 创建广告介绍块 -->
        <div class="box-wrapper ">
            <!-- 创建小米秒杀板块 -->
            <div class="box w">
            <div class="box-hd">
                <h2 class="title">小米秒杀</h2>
            </div>
            <div class="time-box">
                <!-- 计时板块 -->
                <div class="box1">
                    <div class="round">14:00场</div>
                    <img src="./img/flash.png" alt="小米闪购">
                    <div class="desc">本场已经结束</div>
                    <div class="countdown">
                        <span>00</span>
                        <i>:</i>
                        <span>00</span>
                        <i>:</i>
                        <span>00</span>
                    </div>
                </div>
                <!-- 内容板块 -->
                <div class="box2">
                    <ul class="swipe-wrapper" >
                        <li class="swipe-slide">
                            <a href="javascript:;">
                                <div class="content">
                                    <div class="thumb">
                                        <img src="./img/download2.1.webp" alt="">
                                    </div>
                                        <h3 class="title">米家智能加湿器 白色</h3>
                                        <p class="desc">懂恒湿的它，给你健康滋养</p>
                                        <p class="price">
                                            <span>159</span>
                                            "元
                                            <del>199元</del>
                                        </p>
                                </div>
                            </a>
                        </li>
                        <li class="swipe-slide">
                            <a href="javascript:;">
                                <div class="content">
                                    <div class="thumb">
                                        <img src="./img/download2.2.png" alt="">
                                        </div>
                                        <h3 class="title">米兔智能故事机 白色</h3>
                                        <p class="desc">能说会道，好玩伴</p>
                                        <p class="price">
                                            <span>169</span>
                                            "元
                                            <del>199元</del>
                                        </p>
                                </div>
                            </a>
                        </li>
                        <li class="swipe-slide">
                            <a href="javascript:;">
                                <div class="content">
                                    <div class="thumb">
                                        <img src="./img/download2.3.webp" alt="">
                                        </div>
                                        <h3 class="title">米家空气净化器Pro H 白色</h3>
                                        <p class="desc">0.3微米级净化 部分细菌滤除率高达99.9%</p>
                                        <p class="price">
                                            <span>1599</span>
                                            "元
                                            <del>1699元</del>
                                        </p>
                                </div>
                            </a>
                        </li>
                        <li class="swipe-slide">
                            <a href="javascript:;">
                                <div class="content">
                                    <div class="thumb">
                                        <img src="./img/download2.4.webp" alt="">
                                        </div>
                                        <h3 class="title">智能积木 公路赛车 白色</h3>
                                        <p class="desc">烧脑搭建，尽兴狂奔</p>
                                        <p class="price">
                                            <span>229</span>
                                            "元
                                            <del>299元</del>
                                        </p>
                                </div>
                            </a>
                        </li>
                        <!-- <li class="swipe-slide">
                            <a href="javascript:;">
                                <div class="content">
                                    <div class="thumb">
                                        <img src="./img/download2.5.webp" alt="">
                                        </div>
                                        <h3 class="title">米家防蓝光眼镜钛轻盈 黑色</h3>
                                        <p class="desc">超轻超透，防蓝光护眼</p>
                                        <p class="price">
                                            <span>189</span>
                                            "元
                                            <del>199元</del>
                                        </p>
                                </div>
                            </a>
                        </li>
                        <li class="swipe-slide">
                            <a href="javascript:;">
                                <div class="content">
                                    <div class="thumb">
                                        <img src="./img/download2.6.webp" alt="">
                                        </div>
                                        <h3 class="title">20英寸旅行箱 黑色 20寸</h3>
                                        <p class="desc">一款坚固的旅行箱伴您左右</p>
                                        <p class="price">
                                            <span>279</span>
                                            "元
                                            <del>299元</del>
                                        </p>
                                </div>
                            </a>
                        </li>
                        <li class="swipe-slide">
                            <a href="javascript:;">
                                <div class="content">
                                    <div class="thumb">
                                        <img src="./img/download2.7.webp" alt="">
                                        </div>
                                        <h3 class="title">米家随手吸尘器 白色</h3>
                                        <p class="desc">干净随手吸</p>
                                        <p class="price">
                                            <span>229</span>
                                            "元
                                            <del>249元</del>
                                        </p>
                                </div>
                            </a>
                        </li>
                        <li class="swipe-slide">
                            <a href="javascript:;">
                                <div class="content">
                                    <div class="thumb">
                                        <img src="./img/download2.8.webp" alt="">
                                        </div>
                                        <h3 class="title">纳拓户外六合一雷鸣手电 黑色</h3>
                                        <p class="desc">一键声光报警 1000流明高亮 </p>
                                        <p class="price">
                                            <span>139</span>
                                            "元
                                            <del>179元</del>
                                        </p>
                                </div>
                            </a>
                        </li>
                        <li class="swipe-slide">
                            <a href="javascript:;">
                                <div class="content">
                                    <div class="thumb">
                                        <img src="./img/download2.9.webp" alt="">
                                        </div>
                                        <h3 class="title">PINZTEA木柄陶瓷泡茶杯 茶水分离 380mL</h3>
                                        <p class="desc">尊贵高级黑/实木防烫柄/轻松清洗/精致礼盒装</p>
                                        <p class="price">
                                            <span>79</span>
                                            "元
                                            <del>99元</del>
                                        </p>
                                </div>
                            </a>
                        </li> -->
                    </ul>
                </div>
            </div>
             <div class="swipe-controls">
                    <div class="left">
                        <i class="fas fa-angle-left"></i>
                    </div>
                    <div class="right">
                        <i class="fas fa-angle-right"></i>
                    </div>
            </div>
        </div>
        

        <!-- 创建广告栏 -->
        <div class="phone">
            <a href="javascript:;"><img src="./img/download3.1.webp" alt=""></a>
        </div>

        <!-- 创建手机专栏 -->
        <div class="home-phone">
            <div class="box-hd">
                <h2 class="title">手机</h2>
                <div class="more">
                    <a href="#" class="more-link">
                        查看更多
                        <i class="fa fa-chevron-circle-right"></i>
                    </a>
                </div>
            </div>

            <div class="box-photo">
                <div class="row clearfix">
                    <div class="row1 clearfix">
                        <a href="#" class="photo">
                            <img src="./img/phone/download0.webp" alt="">
                        </a>
                    </div>
                    <div class="row2">
                        <ul class="brick-list">
                            <li class="brick-item">
                                <a href="#" class="photo">
                                    <div class="figure">
                                        <img src="./img/phone/download0.1.webp" alt="">
                                    </div>

                                    <h3 class="title">小米MIX FOLD</h3>
                                    <p class="desc">折叠大屏｜自研芯片</p>
                                    <p class="price">
                                        <span class="num">9999</span>
                                        元
                                        <span>起</span>
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item">
                                <a href="#" class="photo">
                                    <div class="figure">
                                        <img src="./img/phone/download0.2.webp" alt="">
                                    </div>

                                    <h3 class="title">小米11 Ultra</h3>
                                    <p class="desc">1.12''GN2｜2K四微曲屏</p>
                                    <p class="price">
                                        <span class="num">5999</span>
                                        元
                                        <span>起</span>
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item">
                                <a href="#" class="photo">
                                    <div class="figure">
                                        <img src="./img/phone/download0.3.webp" alt="">
                                    </div>

                                    <h3 class="title">小米11 Pro</h3>
                                    <p class="desc">1.12''GN2｜骁龙888</p>
                                    <p class="price">
                                        <span class="num">4999</span>
                                        元
                                        <span>起</span>
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item">
                                <a href="#" class="photo">
                                    <div class="figure">
                                        <img src="./img/phone/download0.4.webp" alt="">
                                    </div>

                                    <h3 class="title">小米11 青春版</h3>
                                    <p class="desc">小米11 青春版 轻薄</p>
                                    <p class="price">
                                        <span class="num">2999</span>
                                        元
                                        <span>起</span>
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item">
                                <a href="#" class="photo">
                                    <div class="figure">
                                        <img src="./img/phone/download0.5.webp" alt="">
                                    </div>

                                    <h3 class="title">K40 游戏增强版</h3>
                                    <p class="desc">轻薄电竞设计</p>
                                    <p class="price">
                                        <span class="num">1999</span>
                                        元
                                        <span>起</span>
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item">
                                <a href="#" class="photo">
                                    <div class="figure">
                                        <img src="./img/phone/download0.6.webp" alt="">
                                    </div>

                                    <h3 class="title">黑鲨4 Pro </h3>
                                    <p class="desc">黑鲨4 Pro </p>
                                    <p class="price">
                                        <span class="num">3999</span>
                                        元
                                        <span>起</span>
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item">
                                <a href="#" class="photo">
                                    <div class="figure">
                                        <img src="./img/phone/download0.7.webp" alt="">
                                    </div>

                                    <h3 class="title">黑鲨4</h3>
                                    <p class="desc">黑鲨4 磁动力升降肩键</p>
                                    <p class="price">
                                        <span class="num">2499</span>
                                        元
                                        <span>起</span>
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item">
                                <a href="#" class="photo">
                                    <div class="figure">
                                        <img src="./img/phone/download0.8.webp" alt="">
                                    </div>

                                    <h3 class="title">小米10S</h3>
                                    <p class="desc">骁龙870 | 对称式双扬立体声</p>
                                    <p class="price">
                                        <span class="num">3299</span>
                                        元
                                        <span>起</span>
                                    </p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

         <!-- 创建广告栏 -->
         <div class="TV">
            <a href="javascript:;"><img src="./img/TV/download0.01.webp" alt=""></a>
        </div>

        <!-- 创建家电专栏 -->
        <div class="home-TV">
            <div class="box-hd">
                <h2 class="title">家电</h2>
                <div class="more">
                    <ul class="tab-list">
                    <li class="tab-active1">
                        热门
                    </li>
                    <li class="tab-active2">
                        电视影音
                    </li></ul>
                </div>
            </div>

            <div class="box-TV">
                <div class="row clearfix">
                    <div class="row1 clearfix">
                        <ul>
                            <li><a href="javascript:;">
                                <img src="./img/TV/download0.02.webp" alt="">
                            </a></li>
                            <li><a href="javascript:;">
                                <img src="./img/TV/download0.03.webp" alt="">
                            </a></li>
                        </ul>
                    </div>
                    <div class="row2">
                        <ul class="brick-list">
                            <li class="brick-item">
                                <a href="javascript:;" class="TV">
                                    <div class="figure">
                                        <img src="./img/TV/download0.04.webp" alt="">
                                    </div>

                                    <h3 class="title">全面屏电视E43K</h3>
                                    <p class="desc">全面屏设计，海量内容</p>
                                    <p class="price">
                                        <span class="num">1599</span>
                                        元
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item">
                                <a href="javascript:;" class="TV">
                                    <div class="figure">
                                        <img src=".//img/TV/download0.05.webp" alt="">
                                    </div>

                                    <h3 class="title">全面屏电视 55英寸E55X</h3>
                                    <p class="desc">潮流全面屏设计</p>
                                    <p class="price">
                                        <span class="num">2599</span>
                                        元
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item">
                                <a href="javascript:;" class="TV">
                                    <div class="figure">
                                        <img src="./img/TV/download0.06.webp" alt="">
                                    </div>

                                    <h3 class="title">小米电视4A 60英寸</h3>
                                    <p class="desc">人工智能语音系统,超高清画质</p>
                                    <p class="price">
                                        <span class="num">2799</span>
                                        元
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item">
                                <a href="javascript:;" class="TV">
                                    <div class="figure">
                                        <img src="./img/TV/download0.07.jpg" alt="">
                                    </div>

                                    <h3 class="title">小米电视4S 75英寸</h3>
                                    <p class="desc">4K HDR，人工智能语音</p>
                                    <p class="price">
                                        <span class="num">4699</span>
                                        元
                                        <del><span class="num">5999</span>元</del>
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item">
                                <a href="javascript:;" class="TV">
                                    <div class="figure">
                                        <img src="./img/TV/download0.08.webp" alt="">
                                    </div>

                                    <h3 class="title">小米全面屏电视65英寸 E65X</h3>
                                    <p class="desc">全面屏设计</p>
                                    <p class="price">
                                        <span class="num">3299</span>
                                        元
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item">
                                <a href="javascript:;" class="TV">
                                    <div class="figure">
                                        <img src="./img/TV/download0.09.webp" alt="">
                                    </div>

                                    <h3 class="title">小米全面屏电视E32C</h3>
                                    <p class="desc">全面屏设计，人工智能系统</p>
                                    <p class="price">
                                        <span class="num">949</span>
                                        元
                                        <del><span class="num">1099</span>元</del>
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item">
                                <a href="javascript:;" class="TV">
                                    <div class="figure">
                                        <img src="./img/TV/download0.10.webp" alt="">
                                    </div>

                                    <h3 class="title">Redmi智能电视A55</h3>
                                    <p class="desc">澎湃音效影院级体验</p>
                                    <p class="price">
                                        <span class="num">2199</span>
                                        元
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item brick-item-s">
                                <a href="javascript:;">
                                    <div class="figure figure-img">
                                        <img src="./img/TV/download0.11.webp" alt="">
                                    </div>

                                    <h3 class="title">Redmi 智能电视 MAX 98''</h3>
                                    <p class="price">
                                        <span class="num">19999</span>
                                        元
                                    </p>
                                </a>
                            </li>
                            <li class="brick-item brick-item-s">
                                <a href="javascript:;">
                                    <div class="figure figure-more">
                                        <i class="fa fa-arrow-circle-right"></i>
                                </div>

                                <div class="more">
                                    浏览更多
                                    <small>电视影音</small>
                                </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

         <!-- 创建广告栏 -->
         <div class="video">
            <a href="javascript:;"><img src="./img/视频/download1.0.webp" alt=""></a>
        </div>

        <!-- 创建视频专栏 -->
        <div class="home-video">
        <div class="box-hd">
            <h2 class="title">视频</h2>
            <div class="more">
                <a href="javascript:;" class="more-link">
                    查看全部
                    <i class="fa fa-chevron-circle-right"></i>
                </a>
            </div>
        </div>

        <div class="box-hd2">
            <ul class="video-list">
                <li class="video-item">
                    <a href="javascript:;">
                        <div class="figure-video">
                            <img src="./img/视频/download1.1.webp" alt="">
                            <span class="play">
                                <i class="fa fa-play"></i>
                            </span>
                        </div>
                        <h3 class="title">2021年春季新品发布会第一场</h3>
                        <p class="desc"></p>
                    </a>
                </li>
                <li class="video-item">
                    <a href="javascript:;">
                        <div class="figure-video">
                            <img src="./img/视频/download1.2.webp" alt="">
                            <span class="play">
                                <i class="fa fa-play"></i>
                            </span>
                        </div>
                        <h3 class="title">Redmi 10X系列发布会</h3>
                        <p class="desc">Redmi 10X系列发布会</p>
                    </a>
                </li>
                <li class="video-item">
                    <a href="javascript:;">
                        <div class="figure-video">
                            <img src="./img/视频/download1.3.webp" alt="">
                            <span class="play">
                                <i class="fa fa-play"></i>
                            </span>
                        </div>
                        <h3 class="title">小米10 青春版 发布会</h3>
                        <p class="desc"></p>
                    </a>
                </li>
                <li class="video-item">
                    <a href="javascript:;">
                        <div class="figure-video">
                            <img src="./img/视频/download1.4.webp" alt="">
                            <span class="play">
                                <i class="fa fa-play"></i>
                            </span>
                        </div>
                        <h3 class="title">小米10 8K手机拍大片</h3>
                        <p class="desc"></p>
                    </a>
                </li>
                 <!-- 创建视频窗口 -->
        <div class="video-box">
            <video src="./视频/小米视频.mp4"></video>
        </div>
            </ul>
        </div>
    </div>

</div>

        
        <!-- 创建底部 -->
        <div class="site-footer">
            <div class="container">
                <!-- 第一部分 -->
                <div class="footer-service">
                    <ul class="list-service">
                        <li>
                            <a href="javascript:;">
                                <i class="fa fa-wrench"></i>
                                <em class="icon-font-tool"></em>预约维修服务
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="fa fa-share"></i>
                                <em class="icon-font-tool"></em>7天无理由退货
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="fa fa-share"></i>
                                <em class="icon-font-tool"></em>15天免费换货
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="fa fa-car"></i>
                                <em class="icon-font-tool"></em>满69包邮
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="fa fa-map-marker"></i>
                                <em class="icon-font-tool"></em>520余家售后网点
                            </a>
                        </li>
                    </ul>
                </div>

                <!-- 第二部分 -->
                <div class="footer-links">
                    <dl class="col-links">
                        <dt>帮助中心</dt>
                        <dd>
                            <a href="javascript:;">账户管理</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">购物指南</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">订单操作</a>
                        </dd>
                    </dl>
                    <dl class="col-links">
                        <dt>服务支持</dt>
                        <dd>
                            <a href="javascript:;">售后政策</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">自助服务</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">相关下载</a>
                        </dd>
                    </dl>
                    <dl class="col-links">
                        <dt>线下门店</dt>
                        <dd>
                            <a href="javascript:;">小米之家</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">服务网点</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">授权体验店</a>
                    </dl>
                    <dl class="col-links">
                        <dt>关于小米</dt>
                        <dd>
                            <a href="javascript:;">了解小米</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">加入小米</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">投资者关系</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">企业社会责任</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">廉洁举报</a>
                        </dd>
                    </dl>
                    <dl class="col-links">
                        <dt>关注我们</dt>
                        <dd>
                            <a href="javascript:;">新浪微博</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">官方微信</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">联系我们</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">公益基金会</a>
                        </dd>
                    </dl>
                    <dl class="col-links">
                        <dt>特色服务</dt>
                        <dd>
                            <a href="javascript:;">F码通道</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">礼物码</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">防伪查询</a>
                        </dd>
                    </dl>

                    <div class="col-contact">
                        <p class="phone">400-100-5678</p>
                        <p>8:00-18:00(仅收市话费)</p>
                        <a href="javascript:;" class="btn btn-line-primary btn-small J_contactBtn">
                            <i class="fa fa-twitch"></i>
                            <em></em>人工客服
                        </a>
                        <div class="follow">
                            关注小米：
                            <i class="fa fa-weibo"></i>
                            <i class="fa fa-wechat">
                                <img src="./img/download0.001.png" alt="" class="we-chat">
                            </i>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 创建最底部 -->
        <div class="site-info">
            <div class="container">
                <div class="logo"></div>
                <div class="info-text">
                    <p class="sites">
                        <a href="javascript:;">小米商城</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">MIUI</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">米家</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">米聊</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">多看</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">游戏</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">政企服务</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">小米天猫店</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">小米集团隐私政策</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">小米公司儿童信息保护规则</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">小米商城隐私政策</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">小米商城用户协议</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">问题反馈</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">Select Location</a>
                    </p>
                    <p class="sites">
                        <a href="javascript:;">北京互联网法院法律服务工作站</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">中国消费者协会</a>
                        <span class="sep">|</span>
                        <a href="javascript:;">北京市消费者协会</a>
                    </p>
                    <p>
                        ©
                        <a href="javascript:;">京ICP证110507号</a>
                        <a href="javascript:;">京ICP备10046444号</a>
                        <a href="javascript:;">京公网安备11010802020134号</a>
                        <a href="javascript:;">京网文[2020]0276-042号</a>
                        <br>
                        <a href="javascript:;">（京）网械平台备字（2018）第00005号</a>
                        <a href="javascript:;">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                        <a href="javascript:;">营业执照</a>
                        <a href="javascript:;">医疗器械质量公告</a>
                        <br>
                        <a href="javascript:;">增值电信业务许可证</a>
                        网络食品经营备案 京食药网食备202010048  
                        <a href="javascript:;">食品经营许可证</a>
                        <br>
                        违法和不良信息举报电话：171-5104-4404 
                        <a href="javascript:;">知识产权侵权投诉</a>
                        本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                </div>
                <div class="info-links">
                    <a href="javascript:;">
                        <img src="./img/底部/download1.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="./img/底部/download2.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="./img/底部/download3.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="./img/底部/download4.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="./img/底部/download5.png" alt="">
                    </a>
                </div>
            </div>
        </div>

       
</body>

</html>